/*    响应式*/

 @media(max-width:1400px){
     /*侧边导航栏*/
    .cbdhl{
       display: none;
        }
 }  
@media(min-width:1401px){
    /*侧边导航栏*/
.cbdhl{
    width:70px;
    height:400px;
    background-color:white;
    border:3px solid #f5f5f5;
    float:right;
    top:300px;
    right:15px;
    position:fixed;
    text-align:center;
    border-radius:20px;
	z-index:20;
    }
	 .cbdhl h2{
            font-size:11px;
        }
    .dh1{
    width:56px;
    height:50px;
    border-bottom:1px solid black;
    margin:0 auto;
    margin-top:10px;
    border-radius:20px;
    }
    .dh1 a{
    color:white;
	font-size:9px;
    }
}
*{
    margin: 0;
    padding: 0;

}

/*顶部栏*/
.box-w{
    width:100%;
    height:35px;
    position: fixed;
	top:0;
	z-index:20;
}
.box-n{
    width:1300px;
    height:35px;
    margin: 0 auto; 
}
.box-w a:hover{
color:orangered;
}
 .box-w .box-n .zb{
    float:left;
    display:inline-flex;
    line-height: 35px;
    
}
.box-w .box-n .yb{
    float:right;
    display:inline-flex;
    line-height: 35px;
}
.box-w ul li{
    margin-right: 15px;
    color: white;
}
#yyxznr{
    width:80px;
    height:60px;
    position: absolute;
    display: none;
    background:aquamarine;
    border: 1px solid #d53b38;
    border-top:none;
}
li #yyxznr{
    color: #d53b38;
}
#yyxz{
     
    position: relative;
    margin-right:-3px;
}

#yyxz:hover #yyxznr{

    display: block;
}

ul li{
    list-style: none;
}
.box-n a{
    color: white;
}
a{
    text-decoration: none;
    
}

/*搜索框*/
.one{
    width:1300px;
    height:70px;
    margin: 0 auto;
    margin-top: 57px;
    line-height: 50px;

}
#c:hover{
color:orangered;
}
#c1:hover{
color:orangered;
}
#c2:hover{
color:orangered;
}
#c3:hover{
color:orangered;
}
#c4:hover{
color:orangered;
}
#c5:hover{
color:orangered;
}
.one .noe-lm li{
    float:left;
    line-height: 70px;
    margin-right: 30px;
}
.one .noe-lm a{
    color: black;
	font-size:14px;
}

#ssk{
    width:250px;
    height:50px;   
    border: 1px solid black;
  float:left;
}
form{
    float:right;
    margin-top: 11px;
}

#ssan{
    width:60px;
    height:52px;
    border: 1px solid black;
    border-left: none;
    float:left;
    font-size: 40px;
    background:white;  
    
}


/*皮肤按钮颜色以及属性*/
#hs{
    width:20px;
    height:20px;
    background-color:#d53b38;
    border-radius: 5px;
}
#lqs{
    width:20px;
    height:20px;
    background-color: greenyellow;
    border-radius: 5px;
}
#qs{
    width:20px;
    height:20px;
    background-color:aquamarine;
    border-radius: 5px;
}
#fs{
    width:20px;
    height:20px;
    background-color:pink;
    border-radius: 5px;
}

#zhs{
    width:20px;
    height:20px;
    background:violet;
    border-radius: 5px;
}
ul .pfxx{
    
    margin-top:2px;
    display: inline-flex;
}
/*商品分类*/
#spflmb{
    width:1300px;
    height:300px;
    background: white;
    position: absolute;
	margin-left:-206px;
    display: none;
    transition:1.2s;
    z-index: 2;
}
#spfl:hover #spflmb{
    display: block;
}
.noe-lm #spflmb .spflmb-1 p{
    color: #d53b38;
    font-size: 20px;
}
.spflmb-1-1{
    width:100%;
    height:74px;
    border-bottom: 1px solid black;
}
.spflmb-1-1 p a{
    color: black;
}
.spflmb-1-1 p a:hover{
    color:orangered;
}
/*商品推荐*/
#sptjmb{
    width:1300px;
    height:300px;
    background:white;
    position: absolute;
	margin-left: -402px;
    transition:1.2s;
    display: none;  
    z-index: 2;
}
#sptjmb #f{
    border-right: none;
}
#sptj:hover #sptjmb{
    display: block;
}
#sptj .sptj1{
    width:236px;
    height:249px;
    text-align: center;
    float:left;
    margin-left: 20px;
    border: 2px solid #585851;
    border-top:none;
    border-left:none;
    border-bottom: none;
    margin-top: 50px;
}
#sptj .sptj1 h4{
    margin-top: -36px;
    color: black;
}
#sptj .sptj1 h5{
    margin-top: -45px;
    color:#585851;
}
#sptj .sptj1 p{
    margin-top: -48px;
    color:red;
}

/*手机*/
.sjmb{
    
    width:1300px;
    height:300px;
    background:white;
    position: absolute;
	margin-left: -630px;
    transition:1.2s;
    display: none; 
    z-index: 2;
}
#sj:hover .sjmb{
    display: block;
}
.sjmb .sj1{
    width:236px;
    height:249px;
    text-align: center;
    float:left;
    margin-left: 20px;
    border: 2px solid #585851;
    border-top:none;
    border-left:none;
    border-bottom: none;
    margin-top: 50px;
}

.sjmb .sj1 h4{
    margin-top: -36px;
    color: black;
}
.sjmb .sj1 h5{
    margin-top: -45px;
    color:#585851;
}
.sjmb .sj1 p{
    margin-top: -48px;
    color:red;
}
/*家电*/
.jdmb{
    
    width:1300px;
    height:300px;
    background: white;
    position: absolute;
	margin-left: -725px;
    transition:1.2s;
    display: none;
    z-index: 2;
}
#jd:hover .jdmb{
    display: block;
}
.jdmb .jd1{
    width:236px;
    height:249px;
    text-align: center;
    float:left;
    margin-left: 20px;
    border: 2px solid #585851;
    border-top:none;
    border-left:none;
    border-bottom: none;
    margin-top: 50px;
}
.jdmb .jd1 h4{
    margin-top: -36px;
    color: black;
}
.jdmb .jd1 h5{
    margin-top: -45px;
    color:#585851;
}
.jdmb .jd1 p{
    margin-top: -48px;
    color:red;
}
#z{
    border-right:none;
}
/*服务中心*/
.fwzxmb{ 
    width:1300px;
    height:300px;
    background: white;
    position: absolute;
	margin-left: -820px;
    transition:1.2s;
    display: none;
    z-index: 2;
}
#fwzx:hover .fwzxmb{
    display: block;
}
.ewm{
    float: left;
}
.ewm img{
    margin-left: 200px;
    margin-right:50px;
    border-radius: 20px;
}
/*图片轮播图*/
.tplb{
    width:1300px;
    height:450px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.ul1{
    width:100%;
    height:100%;
}
.ul1 li{
    position: absolute;
}
.button-left{
    width:30px;
    height:70px;
    color:#585851;;
    font-size: 30px;
    text-align: center;
    line-height:70px;
    position: absolute;
    top:178px;
    left:0;
    border-radius: 0 5px 5px 0;
}
.button-right{
    width:30px;
    height:70px;
    color:#585851;
    font-size: 30px;
    text-align: center;
    line-height:70px;
    position: absolute;
    top:178px;
    right:0;
    border-radius: 5px 0 0 5px;
}
.button-left:hover{
    background-color: #00000050;
}
.button-right:hover{
    background-color: #00000050;
}
.ul2{
    position: absolute;
    right:100px;
    bottom:20px;
}
.ul2 li{
    width:20px;
    height:20px;
    background-color:white;
    text-align: center;
    line-height: 20px;
     float:left;
     border-radius:100%;
     margin-right: 9px;
}
.ul2 li:hover{
    background-color: aqua;
}
.ul2 li:nth-child(1){
background-color: aqua;
}
.ul1 li:nth-child(1){
    z-index: 100;
}
.inds{
    z-index: 1000;
}
/*End*/
/*宣传图片*/
.two{
    width:1300px;
    height:150px;
    margin: 0 auto;
    margin-top: 20px;
}
.two .left-tp{
    width:640px;
    height:100%;
    float:left;
}
.two .right-tp{
    width:640px;
    height:100%;
    float:right;
}
/*热门商品专区*/
.three{
    width:1300px;
    height:430px;
    background-color:#f5f5f5;
    margin: 0 auto;
    margin-top: 20px;

}
.three h3{
    padding-top: 30px;
    padding-left: 30px;
}
.three h4{
	font-size:12px;
}
.three .rmsptj .rmsp{
    width:300px;
    height:300px;
    background-color:white;
    float:left;
    margin-left: 20px;
    margin-top: 30px;
}
.three .rmsptj .rmsp img{
    width:250px;
    height:200px;
    margin-top: 10px;
    transition:0.3s;
}
.three .rmsptj .rmsp .tp{
width:300px;
height:220px;
text-align: center;
background-color: yellow;
}
.three .rmsptj .rmsp .tp:hover img{
    width:260px;
    height:210px;
  
}
.three .rmsptj .rmsp .nr{
    width:300px;
    height:78px;
    border-bottom:1px solid yellow;

}
.three .rmsptj .rmsp .nr p{
float: right;
line-height: 78px;
margin-left: 20px;
color: red;
}
.three .rmsptj .rmsp .nr p button{
   width:68px;
   height:36px;
    background-color:rgb(199, 33, 33);
    color: white;
    border-radius: 20px;
}
.three .rmsptj .rmsp .nr h4{
    display: inline;
    line-height: 78px;
}
.three .rmsptj .rmsp #tp2{
    background-color: violet;
}
.three .rmsptj .rmsp #nr2{
    border-bottom: 1px solid violet;
}
.three .rmsptj .rmsp #tp3{
    background-color:aqua;
}
.three .rmsptj .rmsp #nr3{
    border-bottom: 1px solid aqua;
}
.three .rmsptj .rmsp #tp4{
    background-color:chartreuse;
}
.three .rmsptj .rmsp #nr4{
    border-bottom: 1px solid chartreuse;
}
/*End*/
/*手机广告语*/
.four{
    width:1300px;
    height:100px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}

/*手机专区*/
.five{
    width:1300px;
    height:700px;
    background-color:#f5f5f5;
   margin:0 auto;
    margin-top: 20px;
    
}
.five h3{
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
}
.five h4{
	font-size:15px;
}
.five h5{
	font-size:10px;
}
.five #sjbf{
            width:1300px;
            height:600px;
            margin: 0 auto;
            
        }
        /*左边区域*/
        .five #sjbf #zbqy{
             width:300px;
             height:600px;
             float:left;
             margin-right:20px;
         }
         /*右边区域*/
         .five #sjbf #ybqy{
            width:980px;
             height:600px;
             float:left;
         }
         .five #sjbf #ybqy #sjne{
             width:223px;
             height:288px;
             float:left;
             margin-left:20px;
             margin-bottom: 20px;
             text-align: center;
             position: relative;/*让其元素脱离文档流*/
             transition:0.5s;
             background: white;
             border-radius:10px;
         }
         .five #sjbf #ybqy #sjne img{
             margin-top: 20px;
         }
         #sjbf #ybqy #sjne h5{
             color:dimgray;
             margin-top:8px;
         }
         #sjbf #ybqy #sjne p{
             margin-top:4px;
             color: red;
         }


/*家电广告语*/
.six{
    width:1300px;
    height:100px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
/*家电专区*/
.seven{
    width:1300px;
    height:700px;
    background-color:#f5f5f5;
    margin: 0 auto;
}
.seven h3{
    padding-top:20px;
    padding-left:20px;
}
.seven .jd{
    width:300px;
    height:300px;
  margin-left: 20px;
  margin-top: 20px;
  float:left;
}
.seven .jd .jdtp{
    width: 300px;
    height:200px;
}

.seven .jd .jdtp img{
    width:300px;
    height:200px;
}
.seven .jd .jdnr{
    width:298px;
    height:100px;
    background-color: white;
    border: 1px solid aqua;
    border-top: none;
}
.seven .jd .jdnr h3{
    line-height: 100px;
    margin: 0;
    margin-left: 20px;
	font-size:13px;
    padding:0;
    float:left
}
.seven .jd .jdnr p{
    line-height: 100px;
    margin-right: 20px;
    float:right;
    color: red;
	font-size:11px;
}

/*衣服广告语*/
.eight{
    width:1300px;
    height:100px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
/*衣服专区*/
.nine{
    width:1300px;
    height:700px;
    background-color: #f5f5f5;
    margin: 0 auto;
}
.nine h3{
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.nine .zbxctp{
             width:300px;
             height:600px;
             margin-right:20px;
             float:left;
             
         }

.nine .zbxctp img{
   width:300px;
  height:600px;
}
.nine .ybxcyf{
    width:950px;
    height:600px;
    margin-left:20px;
    border: 5px solid aqua;
    float:right;
    text-align: center;
}
.nine .ybxcyf .yf{
width:290px;
height:270px;
background-color: white;
margin-top: 20px;
margin-left: 20px;
float:left;
}
.nine .ybxcyf .yf img{
    width:290px;
    height:200px;
}
.nine .ybxcyf .yf h4{
    padding-top:15px;
    color: black;
	font-size:13px;
}
.nine .ybxcyf .yf p{
    color: red;
	font-size:12px;
	padding-top:6px;
}

/*结束*/

/*特产广告语*/
.ten{
    width:1300px;
    height:100px;
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
}
.ten:hover{
    background:url("imag/ggybjtp.gif");
}
/*特产专区*/
#a{
width:100%;
height:700px;
background-color:#f5f5f5;
}
.eleven{
    width:1300px;
    height:700px;
    background-color: #f5f5f5;
    margin: 0 auto;
}
.eleven h3{
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.eleven .sbf{
    width:1300px;
    height:200px;
     background-color: aqua;
     margin-bottom: 20px;
}

.eleven .sbf img{
    width:100%;
    height:100%;
}
.eleven .xbf .tc{
 width:310px;
 height:300px;
background-color: white;
 float:left;
 margin-right: 20px;
text-align: center;
border-top: 20px solid yellow;
}
.eleven .xbf #tc{
    margin-right: -20px;
    
}
.eleven .xbf .tc img{
    width:310px;
    height:200px
}
.eleven .xbf .tc h3{
    color: black;
	font-size:13px;
	padding-bottom:8px;
}
.eleven .xbf .tc p{
    color: red;
	font-size:11px;
	
}

/*尾部*/
.foot{
    width:100%;
    height:300px;
   
}
.foot .foot-t h1{
    text-align: center;
}
.foot .foot-d{
   width:1300px;
   height:200px;
   margin: 0 auto;

 margin-top: 20px;
}
.foot .foot-1{
    width:310px;
    height:200px;
 
    float:left;
    margin-right: 20px;
   text-align:center;
}
.foot .foot-1 img{
    width:220px;
    height:140px;
    padding-top: 10px;
}
.foot .foot-1 p{
    padding-top: 10px;
    color:#f5f5f5;
}
.foot .foot-1 p:hover{
    color:orangered;
}
.foot #foot-1{
    margin-right: -20px;
}
